// 封装message函数 Message({type:'error,text:'登录失败'})
// 引入组件
import Message_ from './index.vue'
//
import { createVNode, render } from 'vue'

function Message ({ type, text }) {
  // 封装逻辑
  // 1.有一个现成的Message 组件
  // 2.createNode 方法生成一个虚拟dom对象
  const vnode = createVNode(Message_, { type, text })
  // 手动创建一个用来挂载真实节点的dom节点
  const container = document.createElement('div')
  // 创建完之后 赋值给body后面
  document.body.appendChild(container)
  // render方法渲染为真实dom 节点
  render(vnode, container)
  // 然后1.5s 后关闭弹框
  setTimeout(() => {
    render(null, container)
  }, 1500)
}

export default Message
